<html>
<head>
{% load staticfiles %}
<link rel="stylesheet" href="{% static "css/base.css" %}" type="text/css" media="screen" />

<title> {{ title }} </title>

<script type="text/javascript" >
function home(){
		window.location="/theblog/";
	}
</script>
<style type="text/css">
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.container {
		position:absolute;
        width:300px;
        clear:both;
		margin-left:35em;
    }
.container input {
        width: 100%;
        clear: both;
    }
    
.thetable{
margin-left:27em;
margin-right:10em;
margin-top:3em;
margin-bottom: 5em;
height:400px; 
width:450px; 
padding: 7px;
}

td{
text-align:center;
font-family:Arial,Helvetica,sans-serif;
}

p{
text-align: center;
}
</style>

</head>
<body>
	<h1>
		<div align="center">{{ title }}</div><br>{{state}}
	</h1>
	<table class="thetable" align="center">
	<div>
	<form method='post' action="/register/submit/" enctype="multipart/form-data">
		{% csrf_token %}
		<font color="red">{{state}}</font>
		<div align="center">
		<tr><td>
				{{ aform.as_p }}
			</td></tr>
		</div><br>
		<tr align="center">
			<td><input type="submit" value="Save"><button type="button" onclick="home()">Cancel</button></td>
		</tr>
	</form>
	</div>
	</table>	
</body>
</html>


